<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>东京商城</title>
		<style type="text/css">
		
		.AA:after{
			content: '';
			display: block;
			clear: both;
		}
		a{
			color: red;
			font-size: 16px;
		}
		p{
			font-size: 18px;
		}
		a:link{
				text-decoration: none;
		}
		span.A2{
			background-image: url(images/icon5.jpg);
			background-repeat: no-repeat;
			background-position: 1px 2px;
			color: gray;
			float: right;
			margin-top:0;
			margin-right: 20px;
			text-indent: 1em;
			
		}
			#A1{
				height: 900px;
				background-image: url(images/banner.png);
				background-repeat: no-repeat;
				background-size: 100%;
				overflow: hidden;
				margin: 0;
			}
			.B{
				height: 300px;
				width: 300px;
				border: 1px solid red;
				background-color: white;
				float: right;
				margin-top: 80px;
				margin-right:160px ;
			}
			p.A3{
				background-image: url(images/icon1.jpg);
				background-repeat: no-repeat;
				height: 24px;
				background-size: 26px;
				
			}
			.A6{
				margin-left:27px ;
			}
			.A4{ 
				background-image: url(images/logo.png);
				background-repeat: no-repeat;
				background-size: 100px;
			}
			.A5{
				margin:140px 120px;
				font-size: 30px;
			}
			.A7{
				background-image: url(images/icon2.jpg);
				background-repeat: no-repeat;
				background-size: 27px;
				margin: 0;
			}
			.A8{
				margin-left:27px ;
			}
			.A9{
				float: right;
			}
			.B1{
				width: 250px;
				height: 35px;
				background-color: red;
				margin-left: 27px;
			}
			
			ul li{
				float: left;
				margin-left: 120px ;
			}
			li a{
				color: grey;
			}
			.AAA{
				width: 990px;
				margin-left: 900px ;
				text-align: center;
				margin-top: 30px;
				font-size: 17px;
				color: gray;
			}
		</style>
	</head>
	<body>
		<p class="A4 AA"><span class="A5 AA">欢迎登入</span></p>
		<div id="A1">
			<div class="B AA">
				<form action="#" method="post">
					<p >京东会员<span class="A2 AA"><a href="#">立即注册</a></span></p>
					<p class="A3 AA"><input class="A6 AA" type="text" name="sj" placeholder="邮箱/用户名/已验证手机" required="required"/></p>
					<p class="A7 AA"><input class="A8 AA" type="password" name="ma" required="required"/></p>
					<p><input type="checkbox" name="deng" />自动登入<a href="#" class="A9 AA">忘记密码？</a></p>
					<p><input class="B1" type="submit" value="登入" /></p>
				</form>
			</div>
		</div>
		<div class="B2">
			<ul type="none">
				<li><a href="#">关于我们|</a></li>
				<li><a href="#">联系我们|</a></li>
				<li><a href="#">人才招聘|</a></li>
				<li><a href="#">商家入驻|</a></li>
				<li><a href="#">广告服务|</a></li>
				<li><a href="#">手机京东|</a></li>
				<li><a href="#">友情链接|</a></li>
				<li><a href="#">销售联盟|</a></li>
				<li><a href="#">京东社区|</a></li>
				<li><a href="#">京东公益|</a></li>
				<li><a href="#">English Site </a></li>
				<li><a href="#" class="AAA">Copyright?2004-2017 京东JD.com 版权所有</a></li>
				
			</ul>
			
		</div>
	</body>
</html>
